<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<%@ include file="/commons/global.jsp"%>
<script type="text/javascript">
	var itemDataGrid;
	$(function() {
		itemDataGrid = $('#itemDataGrid').datagrid({
			url : '${path }/item/queryItemList',
			striped : true,
			rownumbers : true,
			pagination : true,
			singleSelect : true,
			idField : 'id',
			sortName : 'id',
			sortOrder : 'asc',
			pageSize : 20,
			pageList : [ 4, 10, 20, 30, 40, 50 ],
			frozenColumns : [ [ {
				width : '80',
				title : '商品名称',
				field : 'name',
			}, {
				width : '80',
				title : '商品代码',
				field : 'itemCode',
			}, {
				width : '80',
				title : '商品图片',
				field : 'mainPic'
			}, {
				width : '80',
				title : '商品品牌',
				field : 'brand'
			}, {
				width : '80',
				title : '销售类型',
				field : 'saleType',
				formatter : function(value, row, index) {
					switch (value) {
					case 0:
						return '代购';
					case 1:
						return '现货';
					}
				}
			}, {
				width : '80',
				title : '商品类目',
				field : 'categoryName'
			},

			{
				width : '80',
				title : '采购地点',
				field : 'buySite'
			}, {
				width : '80',
				title : '开始销售时间',
				field : 'startDateStr'
			}, {
				width : '80',
				title : '结束销售时间',
				field : 'endDateStr'
			} ] ],
			toolbar : '#toolbar_item',
			onDblClickRow:function(rowIndex, field, value){
				editItemFun(field.id);
			}
		});
	});
	
	function submitForm(){
		/*先校验表单*/
		/* $('#ff').form('submit'); */
		$('#itemDataGrid').datagrid('load', {
		    name: $("#itemName").val(),
		    itemCode: $("#itemCode").val(),
		    enName: $("#enName").val(),
		    brand: $("#brand").combobox('getValue'),
		    categoryId: $("#category").combobox('getValue')
		});
	}
	function clearForm(){
		$('#itemQuery').form('clear');
	}
	
	  $('#category').combotree({
          url : '${path }/category/allValid',
          parentField : 'pid',
          lines : true,
          panelHeight : 'auto'
      });
	  
    function addItemFun() {
        parent.$.modalDialog({
            title : '添加',
            width : 800,
            height : 650,
            href : '${path }/item/itemAdd',
            buttons : [ {
                text : '提交',
                handler : function() {
                    parent.$.modalDialog.openner_dataGrid = itemDataGrid;//因为添加成功之后，需要刷新这个treeGrid，所以先预定义好
                    var f = parent.$.modalDialog.handler.find('#itemAdd');
                    f.submit();
                }
            } ]
        });
    }
    
    function editItemFun(id) {
        parent.$.modalDialog({
            title : '修改',
            width : 800,
            height : 650,
            href : '${path }/item/itemEdit?id='+id,
            buttons : [ {
                text : '提交',
                handler : function() {
                    parent.$.modalDialog.openner_dataGrid = itemDataGrid;//因为添加成功之后，需要刷新这个treeGrid，所以先预定义好
                    var f = parent.$.modalDialog.handler.find('#itemEdit');
                    f.submit();
                }
            } ]
        });
    }

</script>


<div class="easyui-layout" style="width:800px;" data-options="fit:true,border:false">
	<div data-options="region:'north',border:true" style="height:180px">
			<form id="itemQuery" method="post">
			   	<table cellpadding="5">
					<tr>
						<td align="right">商品编码:</td>
						<td><input class="easyui-textbox" type="text" name="itemCode" id="itemCode"></input></td>
						<td align="right">商品名称:</td>
						<td><input class="easyui-textbox" type="text" name="name" id="itemName"></input></td>
						<td align="right">英文名称:</td>
						<td><input class="easyui-textbox" type="text" name="enName" id="enName"></input></td>
					</tr>
					<tr>
						<td align="right">类目:</td>
						<td>
						 	<select id="category" name="category" style="width: 160px"></select>
						</td>
						<td align="right">品牌:</td>
						<td>
					    	<select id="brand" name="brand" style="width: 160px" class="easyui-combobox" >
							   <option value="" ></option>
								<c:forEach items="${brands }" var="brand">
									<option value="${brand.code }" >${brand.code } </option>
								</c:forEach>
							</select>
						</td>
						
					</tr>
					<tr>
						<td align="right">开始销售时间:</td>
						<td><input class="easyui-textbox" type="text" name="enName"></input></td>
						<td/>
						<td><input class="easyui-textbox" type="text" name="enName"></input></td>
					</tr>
					<tr>
						<td align="right">结束销售时间:</td>
						<td><input class="easyui-textbox" type="text" name="enName"></input></td>
						<td/>
						<td><input class="easyui-textbox" type="text" name="enName"></input></td>
					</tr>
					</table>
			</form>
			<div style="text-align: left; padding: 5px">
				<a href="javascript:void(0)" class="easyui-linkbutton"
					onclick="submitForm()">查询</a> <a href="javascript:void(0)"
					class="easyui-linkbutton" onclick="clearForm()">清空</a>
			</div>
	</div>
	<div data-options="region:'center'">
		<table id="itemDataGrid" data-options="border:false,fit:true"></table>
	</div>
</div>

<div id="toolbar_item" style="display: none;">
<a onclick="addItemFun();" href="javascript:void(0);" class="easyui-linkbutton" data-options="plain:true,iconCls:'fi-plus icon-green'">添加</a>
    <shiro:hasPermission name="/item/add">
        <a onclick="addItemFun();" href="javascript:void(0);" class="easyui-linkbutton" data-options="plain:true,iconCls:'fi-plus icon-green'">添加</a>
    </shiro:hasPermission>
</div>


